<template>
    <div ref="viewRef" style="width: 100%; height: 1000px;"></div>
</template>

<script setup>
import { Render } from "../mario/render";
import { onMounted, ref } from "vue";
import { loadAllResources } from "../mario/util/loadResource";
let viewRef = ref();
let renderer;
function handleStartGame() {
    renderer = new Render({
        view: viewRef.value,    
    })
}
onMounted(async () => {
    await loadAllResources();
    console.log(viewRef, "viewRef")
    handleStartGame();
});
</script>